<!-- 自适应小窗modal auto-height-->
<div class="modal-bg" appDebounceClick (debounceClick)="dismissClick()">
  <div class="auto-height bottom-modal"
      appDebounceClick (debounceClick)="onCancelClick($event)" >

      <ng-container *ngIf="tagData.tips && tagData.tips.length > 0; else elseTemplate">
        <p [innerHTML]="tagData.tips | parseStyle" [ngStyle]="tagData.tipsCssStyle | styleFilter"></p>

        <div [ngStyle]="tagData.labelCssStyle | styleFilter">
          <div appDebounceClick (debounceClick)="changeAccount(item)" *ngFor="let item of tagData.data" [ngStyle]="item.labelCssStyle|styleFilter">{{item.label}}</div>
        </div>

      </ng-container>
      <ng-template #elseTemplate>
        <div class="title-bg"><img src="assets/icon/nav_icon_close@3x.png" class="close" alt="" appDebounceClick (debounceClick)="dismissClick()"> <p class="title">选择到账账号</p></div>
        <div class="select-account" appDebounceClick (debounceClick)="changeAccount(item)" *ngFor="let item of tagData.data">
          <img src="{{item.icon}}" class="account-icon" 
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1696902174844280fa579e4ad2156975c8e4b8ff36a3b.png'" *ngIf="item.icon">
          <div class="account-content" >
            <p class="account">{{item.label}}</p>
            <p class="tips" *ngIf="item.tips && item.tips.length > 0">{{item.tips}}</p>
          </div>
          <i class="detail-icon" *ngIf="item.link"></i>
        </div>
      </ng-template>
      


  </div>
</div>